<!--
* @description 监管业主单位
* @author zywu
* @date 2020/12/14 15:26:45
!-->
<template>
  <div class="section section-base section-units text-l">
    <div class="font24 colorYellow">监管业主单位</div>
    <div style="padding-top: 20px;">
      <div class="font20">截止到过去一年，共监管单位</div>
      <div class="flex-start" style="align-items: baseline;margin-top: 20px;">
        <count-to class="font40" :startVal="0" :endVal="dataCount" :duration="3000"></count-to>
        <div class="font16">家</div>
      </div>
    </div>
    <img src="/ilink-app-h5-zd/static/img/ilink_1578385961642.png" alt class="page_3_ContentBg" />
  </div>
</template>

<script>
export default {
  components: {},
  props: {
    reportData: {
      type: Object,
      default: function () {
        return {
          joinTime: {},
        }
      },
    },
    active: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      dataCount: 0,
    }
  },
  watch: {
    active(val) {
      if (val) {
        this.$nextTick(() => {
          this.dataCount = this.reportData.orgCount
        })
      }
    },
  },
  methods: {},
  mounted() {},
}
</script>